<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link href="../css/personal_center_css.css" rel="stylesheet">
    <link href="../css/layui.css" rel="stylesheet">
</head>
<body>
<!--=========================头部导航================================-->
<div class="nav">
    <div class="head-logo">
        <a href="" ></a>
    </div>
    <div class="head-nav">
        <ul>
            <li><a href="" class="first-item">首页</a> </li>
            <li><a href="">手机端</a> </li>
            <li><a href="">成为房东</a> </li>
            <li><a href="">房源订单中心</a> </li>
            <li><a href="">个人中心</a> </li>
            <li><a href="">帮助</a> </li>
        </ul>
    </div>
    <div class="head-login">
        <a href="">
            <img class="login-logo" src="../image/login-logo.svg"/>
            <span class="login-title">登录</span>
        </a>
        <a href="">
            <img class="regist-logo" src="../image/regist-logo.svg" >
            <span class="login-title">注册</span>
        </a>
    </div>
</div>
<!--================================main主体部分=================================-->
<div class="main">

    <div class="main-left">
        <div class="main-left-top">
        <div class="head-img">
            <span><img src="../image/order_head.jpg"></span>
        </div>
        <div class="authentication"><span><img src="../image/idyes.svg"></span><a href="">已验证身份</a></div>
    </div>
        <div class="main-left-bottom">
            <h2>伟恩已确认</h2>
            <div class="a"><span class="aa"><img src="../image/yes.svg"></span><span class="aaa">身份验证</span></div>
            <div class="a"><span class="aa"><img src="../image/yes.svg"></span><span class="aaa">手机号</span></div>
        </div>
        <div class="liaojie"><a href="">进一步了解</a><span>为什么确认账号信息可以保障爱彼迎社区的安全。</span></div>
    </div>

    <div class="main-right">
        <h1>您好，我叫伟恩</h1>
        <div class="retime"><span>注册时间：2021</span></div>
        <div class="personal-edit"><a href="">编辑个人资料</a>
            <div class="layui-collapse">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">杜甫</h2>
                    <div class="layui-colla-content layui-show">内容区域</div>
                </div>
            </div>

        </div>
        <div class="main-right-a"><span>★ 0条评价</span></div>
        <div class="main-right-b"><a href="">您写的评价</a> </div>
    </div>
</div>



<script src="../js/layui.js" charset="UTF-8"></script>
<script>
    //注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;
    });
</script>


</body>
</html>